  {% extends "base.html" %} {% block content %}

    	<script>
        $(function() {
            $( "#id_expDate" ).datepicker();
        });
    	</script>
  <div id="content-header">
    <h1>Add new document to {{ org }}</h1>
  </div>

  <div id="breadcrumb">
    <a href="index.html" title="Go to Home" class="tip-bottom">Home</a> <a href="/Company/"
    class="tip-bottom">Company System</a> <a href="#" class="current">Add Document</a>
  </div>

  <div class="container-fluid row-fluid span12 widget-box">
    <div class="widget-title">
		<span class="icon">
				<i class="icon-th-list"></i>
		</span>      
	<h5>Data Input</h5>
    </div>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span6">	
    <div class="widget-content">
      <form class="form-horizontal" action="../postDoc/" method="post" enctype=
      "multipart/form-data">
        {% csrf_token %}

        <div class="control-group">
          <label class="control-label">Document Name</label>

          <div class="controls">
            {{ doc.name }}
          </div>
        </div>

        <div class="control-group">
          <label class="control-label">Document Path</label>

          <div class="controls">
            {{ doc.document }}
          </div>
        </div>

        <div class="control-group">
          <label class="control-label">Document Description</label>

          <div class="controls">
            {{ doc.details }}
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">Document Origin</label>

          <div class="controls">
            {{ doc.origin }}
          </div>
        </div>

        <div class="control-group">
          <label class="control-label">Origin Date</label>

          <div class="controls">
            {{ doc.orgDate }}
          </div>
			<label class="control-label">Expiry Date</label>

          <div class="controls">
            {{ doc.expDate }}
          </div>
        </div>
		</div>
        <div class="row-fluid">
          <div class="span4 control-group">
            <label class="control-label">Origin Date Hijri, Day:</label>

            <div class="controls">
              {{ doc.arabic_org_day }}
            </div>
          </div>

          <div class="span4 control-group">
            <label class="control-label">Month</label>

            <div class="controls">
              {{ doc.arabic_org_month }}
            </div>
          </div>

          <div class="span4 control-group">
            <label class="control-label">Year</label>

            <div class="controls">
              {{ doc.arabic_org_year }}
            </div>
          </div>
        </div>

        <div class="row-fluid">
          <div class="span4 control-group">
            <label class="control-label">Expiry Date Hijri, Day:</label>

            <div class="controls">
              {{ doc.arabic_exp_day }}
            </div>
          </div>

          <div class="span4 control-group">
            <label class="control-label">Month</label>

            <div class="controls">
              {{ doc.arabic_exp_month }}
            </div>
          </div>

          <div class="span4 control-group">
            <label class="control-label">Year</label>

            <div class="controls">
              {{ doc.arabic_exp_year }}
            </div>
          </div>
        </div>

        <div class="span4 offset10">
          <input type="submit" value="Submit">
        </div>
      </form>
    </div></div></div></div>
{% endblock %}
  </div>